{"id":418,"date":"2026-03-16T23:48:58","date_gmt":"2026-03-16T23:48:58","guid":{"rendered":"https:\/\/orbis11.com\/?page_id=418"},"modified":"2026-04-05T15:01:56","modified_gmt":"2026-04-05T15:01:56","slug":"service","status":"publish","type":"page","link":"https:\/\/orbis11.com\/index.php\/service\/","title":{"rendered":"Service"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Services \u2014 Orbis11<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  \/* \u2500\u2500 WordPress full-bleed breakout \u2500\u2500 *\/\n  #orbis11-root {\n    position: relative;\n    left: 50%; right: 50%;\n    margin-left: -50vw; margin-right: -50vw;\n    width: 100vw !important; max-width: 100vw !important;\n    overflow-x: hidden !important;\n    background: #080b12 !important;\n    color: #f0f2f8 !important;\n  }\n  html, body { overflow-x: hidden; }\n\n  \/* \u2500\u2500 Force section backgrounds \u2500\u2500 *\/\n  #orbis11-root * { box-sizing: border-box; }\n  #orbis11-root #sv-hero     { background: #080b12 !important; }\n  #orbis11-root #sv-core     { background: #0d1120 !important; }\n  #orbis11-root #sv-roles    { background: #080b12 !important; }\n  #orbis11-root #sv-process  { background: #0d1120 !important; }\n  #orbis11-root #sv-why      { background: #080b12 !important; }\n  #orbis11-root #sv-pricing  { background: #0d1120 !important; }\n  #orbis11-root #sv-guarantee{ background: #080b12 !important; }\n  #orbis11-root #sv-cta      { background: #0d1120 !important; }\n\n  \/* \u2500\u2500 Force text colors \u2500\u2500 *\/\n  #orbis11-root h1, #orbis11-root h2, #orbis11-root h3, #orbis11-root h4,\n  #orbis11-root p, #orbis11-root span, #orbis11-root li,\n  #orbis11-root a:not(.btn-primary):not(.btn-secondary) { color: inherit !important; }\n\n  #orbis11-root .sv-h1, #orbis11-root .section-title,\n  #orbis11-root .sv-cta-h2, #orbis11-root .val-card h3,\n  #orbis11-root .role-group h3, #orbis11-root .process-step h3,\n  #orbis11-root .pricing-inner h2, #orbis11-root .guarantee-inner h2 { color: #f0f2f8 !important; }\n\n  #orbis11-root .sv-hero-sub, #orbis11-root .section-sub,\n  #orbis11-root .body-text p, #orbis11-root .val-card p,\n  #orbis11-root .process-step p, #orbis11-root .pricing-inner p,\n  #orbis11-root .guarantee-inner p, #orbis11-root .sv-cta-sub,\n  #orbis11-root .role-group li { color: #7a8399 !important; }\n\n  #orbis11-root .section-label,\n  #orbis11-root .sv-cta-label,\n  #orbis11-root .process-num,\n  #orbis11-root .core-label { color: #C44DFF !important; }\n\n  #orbis11-root .sv-h1 em {\n    background: linear-gradient(139deg, #A100FF 9.54%, #610099 146.79%) !important;\n    -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;\n    background-clip: text !important; color: transparent !important;\n  }\n  #orbis11-root .val-card, #orbis11-root .role-group,\n  #orbis11-root .pricing-inner, #orbis11-root .guarantee-inner {\n    \n    border-color: rgba(255,255,255,0.07) !important;\n    color: #f0f2f8 !important;\n  }\n  #orbis11-root .process-grid-bg { background: rgba(255,255,255,0.07) !important; }\n  #orbis11-root .process-step    { background: #080b12 !important; }\n  #orbis11-root .process-step:hover { background: #0d1120 !important; }\n  #orbis11-root .val-icon {\n    background: rgba(161,0,255,0.15) !important;\n    border-color: rgba(161,0,255,0.25) !important;\n    color: #C44DFF !important;\n  }\n  #orbis11-root .val-icon svg { color: #C44DFF !important; stroke: #C44DFF !important; }\n  #orbis11-root .val-card:hover .val-icon {\n    background: rgba(161,0,255,0.28) !important;\n    border-color: rgba(161,0,255,0.6) !important;\n  }\n  #orbis11-root .step-icon-box {\n    background: rgba(161,0,255,0.15) !important;\n    border-color: rgba(161,0,255,0.25) !important;\n    color: #C44DFF !important;\n  }\n  #orbis11-root .step-icon-box svg { color: #C44DFF !important; stroke: #C44DFF !important; }\n  #orbis11-root .role-group-icon {\n    background: rgba(161,0,255,0.10) !important;\n    border-color: rgba(161,0,255,0.18) !important;\n    color: #C44DFF !important;\n  }\n  #orbis11-root .role-group-icon svg { stroke: #C44DFF !important; }\n  #orbis11-root .role-group h3 { color: #f0f2f8 !important; }\n  #orbis11-root .role-bullet { background: #A100FF !important; }\n  #orbis11-root .core-badge {\n    background: rgba(161,0,255,0.07) !important;\n    border-color: rgba(161,0,255,0.22) !important;\n    color: #C44DFF !important;\n  }\n  #orbis11-root .pricing-check { color: #C44DFF !important; stroke: #C44DFF !important; }\n  #orbis11-root .btn-secondary {\n    background: rgba(255,255,255,0.06) !important;\n    border-color: rgba(255,255,255,0.10) !important;\n    color: #f0f2f8 !important;\n  }\n  #orbis11-root .btn-primary:hover,\n  #orbis11-root .btn-primary:hover * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }\n  #orbis11-root .btn-secondary:hover { color: #ffffff !important; }\n  #orbis11-root .divider-line-v { background: linear-gradient(to bottom, transparent, #A100FF, transparent) !important; }\n\n  \/* \u2500\u2500 VARIABLES \u2500\u2500 *\/\n  :root {\n    --bg: #080b12; --bg2: #0d1120; --bg3: #111827;\n    --surface: rgba(255,255,255,0.03);\n    --surface2: rgba(255,255,255,0.06);\n    --border: rgba(255,255,255,0.07);\n    --purple: #A100FF; --purple-light: #C44DFF;\n    --purple-glow: rgba(161,0,255,0.15);\n    --purple-glow2: rgba(161,0,255,0.07);\n    --text: #f0f2f8; --text-muted: #7a8399;\n    --radius: 14px; --radius-sm: 8px;\n    --px: clamp(20px, 5vw, 64px);\n  }\n\n  html { scroll-behavior: smooth; }\n  body {\n    font-family: 'Inter', sans-serif;\n    background: var(--bg); color: var(--text);\n    line-height: 1.6; overflow-x: hidden;\n  }\n  body::before {\n    content: ''; position: fixed; inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\n    pointer-events: none; z-index: 0; opacity: 0.4;\n  }\n  h1, h2, h3, h4 { font-family: 'Inter', sans-serif; }\n\n  #orbis11-root section { width: 100%; box-sizing: border-box; }\n\n  .wrap {\n    width: 100%; max-width: 1200px;\n    margin-left: auto; margin-right: auto;\n    padding-left: var(--px); padding-right: var(--px);\n    box-sizing: border-box;\n  }\n  .wrap-narrow {\n    width: 100%; max-width: 800px;\n    margin-left: auto; margin-right: auto;\n    padding-left: var(--px); padding-right: var(--px);\n    box-sizing: border-box;\n  }\n\n  \/* \u2500\u2500 Shared \u2500\u2500 *\/\n  .section { padding: clamp(64px, 8vw, 120px) 0; }\n  .section-label {\n    display: inline-block; font-size: 11px; font-weight: 700;\n    letter-spacing: 2px; text-transform: uppercase;\n    color: var(--purple-light); margin-bottom: 16px;\n  }\n  .section-title {\n    font-size: clamp(26px, 4vw, 44px); font-weight: 700;\n    line-height: 1.15; letter-spacing: -1px;\n    color: var(--text); margin-bottom: 16px;\n  }\n  .section-sub {\n    font-size: clamp(15px, 2vw, 17px); color: var(--text-muted);\n    font-weight: 300; line-height: 1.7;\n  }\n  .body-text p {\n    font-size: clamp(14px, 1.8vw, 16px); color: var(--text-muted);\n    line-height: 1.85; font-weight: 300; margin-bottom: 18px;\n  }\n  .body-text p:last-child { margin-bottom: 0; }\n\n  .btn-primary {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: linear-gradient(139deg, #A100FF 9.54%, #610099 146.79%);\n    color: #fff; text-decoration: none;\n    padding: 13px 26px; border-radius: var(--radius-sm);\n    font-size: 15px; font-weight: 600;\n    transition: all 0.2s; box-shadow: 0 0 30px rgba(161,0,255,0.28);\n    white-space: nowrap;\n  }\n  .btn-primary:hover {\n    filter: brightness(1.12); transform: translateY(-2px);\n    box-shadow: 0 0 40px rgba(161,0,255,0.42);\n  }\n  .btn-secondary {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: var(--surface2); color: var(--text);\n    text-decoration: none; padding: 13px 26px;\n    border-radius: var(--radius-sm); font-size: 15px; font-weight: 500;\n    border: 1px solid rgba(255,255,255,0.10); transition: all 0.2s;\n    white-space: nowrap;\n  }\n  .btn-secondary:hover {\n    background: rgba(255,255,255,0.09);\n    border-color: rgba(255,255,255,0.18); transform: translateY(-2px);\n  }\n\n  .fade-up {\n    opacity: 0; transform: translateY(24px);\n    transition: opacity 0.6s ease, transform 0.6s ease;\n  }\n  .fade-up.visible { opacity: 1; transform: translateY(0); }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     S1 \u2014 HERO\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #sv-hero {\n    min-height: 72vh; display: flex; align-items: center;\n    padding: clamp(80px, 10vw, 140px) 0 clamp(60px, 8vw, 100px);\n    position: relative; overflow: hidden; text-align: center;\n  }\n  .sv-hero-glow {\n    position: absolute; top: -180px; left: 50%; transform: translateX(-50%);\n    width: 1000px; height: 700px;\n    background: radial-gradient(ellipse at center, rgba(161,0,255,0.11) 0%, transparent 65%);\n    pointer-events: none;\n  }\n  .sv-hero-grid {\n    position: absolute; inset: 0;\n    background-image:\n      linear-gradient(rgba(161,0,255,0.04) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(161,0,255,0.04) 1px, transparent 1px);\n    background-size: 60px 60px;\n    pointer-events: none;\n    mask-image: radial-gradient(ellipse at center, black 25%, transparent 72%);\n    -webkit-mask-image: radial-gradient(ellipse at center, black 25%, transparent 72%);\n  }\n  .sv-hero-inner { position: relative; z-index: 1; width: 100%; }\n\n  .sv-hero-badge {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: rgba(161,0,255,0.07);\n    border: 1px solid rgba(161,0,255,0.22);\n    border-radius: 100px; padding: 6px 16px;\n    font-size: 12px; font-weight: 600; color: var(--purple-light);\n    letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 32px;\n  }\n  .sv-badge-dot {\n    width: 6px; height: 6px; background: var(--purple);\n    border-radius: 50%; animation: pulse 2s ease-in-out infinite;\n  }\n  @keyframes pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50%       { opacity: 0.5; transform: scale(0.8); }\n  }\n\n  .sv-h1 {\n    font-size: clamp(34px, 5.5vw, 64px); font-weight: 700;\n    line-height: 1.08; letter-spacing: -2px;\n    color: var(--text); margin-bottom: 24px;\n     margin-left: auto; margin-right: auto;\n  }\n\n\n.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {\n    margin: 0.2em 0 .5em;\n}\n.single-content ul, .single-content ol {\n    margin: 0 0 var(--global-md-spacing);\n    padding-left: 0em; \n}\n  .sv-hero-sub {\n    font-size: clamp(15px, 2vw, 18px); color: var(--text-muted);\n    font-weight: 300; line-height: 1.75; margin-bottom: 40px;\n    max-width: 680px; margin-left: auto; margin-right: auto;\n  }\n  .sv-hero-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     S2 \u2014 CORE SERVICE\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #sv-core { background: var(--bg2); }\n  .sv-core-inner {\n    display: grid; grid-template-columns: 1fr 1fr;\n    gap: clamp(40px, 6vw, 96px); align-items: start;\n  }\n  .core-label {\n    display: inline-flex; align-items: center; gap: 8px;\n    font-size: 11px; font-weight: 700; letter-spacing: 2px;\n    text-transform: uppercase; color: var(--purple-light);\n    margin-bottom: 16px;\n  }\n  .core-badge {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: rgba(161,0,255,0.07);\n    border: 1px solid rgba(161,0,255,0.22);\n    border-radius: 100px; padding: 5px 14px;\n    font-size: 12px; font-weight: 600; color: var(--purple-light);\n    letter-spacing: 0.5px; text-transform: uppercase;\n    margin-bottom: 20px;\n  }\n  .core-service-name {\n    font-size: clamp(30px, 4.5vw, 52px); font-weight: 700;\n    letter-spacing: -1.5px; line-height: 1.1;\n    color: var(--text); margin-bottom: 12px;\n  }\n  .core-service-name span {\n    background: linear-gradient(139deg, #A100FF 9.54%, #610099 146.79%);\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n  .core-tagline {\n    font-size: clamp(14px, 1.8vw, 16px); color: var(--text-muted);\n    font-weight: 300; line-height: 1.7; margin-bottom: 0;\n  }\n  .core-right-features {\n    display: flex; flex-direction: column; gap: 12px;\n    margin-top: 8px;\n  }\n  .core-feature {\n    display: flex; gap: 16px; align-items: flex-start;\n    padding: clamp(18px, 2.5vw, 24px) clamp(20px, 2.5vw, 28px);\n    background: var(--surface); border: 1px solid var(--border);\n    border-radius: var(--radius);\n    transition: border-color 0.3s, background 0.3s;\n  }\n  .core-feature:hover {\n    border-color: rgba(161,0,255,0.28);\n    background: rgba(161,0,255,0.04);\n  }\n  .core-feature-icon {\n    width: 40px; height: 40px; flex-shrink: 0;\n    background: var(--purple-glow);\n    border: 1px solid rgba(161,0,255,0.22);\n    border-radius: 10px;\n    display: flex; align-items: center; justify-content: center;\n    color: #C44DFF;\n  }\n  .core-feature-icon svg { stroke: #C44DFF; }\n  .core-feature h4 {\n    font-size: 14px; font-weight: 600; color: var(--text);\n    margin-bottom: 4px; letter-spacing: -0.2px;\n  }\n  .core-feature p {\n    font-size: 13px; color: var(--text-muted);\n    line-height: 1.6; font-weight: 300;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     S3 \u2014 ROLES\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #sv-roles { background: var(--bg); }\n  .roles-header { margin-bottom: clamp(48px, 6vw, 72px); }\n  .roles-grid {\n    display: grid; grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n  }\n  .role-group {\n    background: var(--surface); border: 1px solid var(--border);\n    border-radius: var(--radius);\n    padding: clamp(22px, 3vw, 32px);\n    transition: all 0.3s;\n  }\n  .role-group:hover {\n    border-color: rgba(161,0,255,0.28);\n    background: rgba(161,0,255,0.04);\n    transform: translateY(-3px);\n  }\n  .role-group-icon {\n    width: 40px; height: 40px;\n    background: rgba(161,0,255,0.10);\n    border: 1px solid rgba(161,0,255,0.18);\n    border-radius: 10px;\n    display: flex; align-items: center; justify-content: center;\n    margin-bottom: 16px; color: #C44DFF;\n  }\n  .role-group h3 {\n    font-size: 15px; font-weight: 700;\n    color: var(--text); margin-bottom: 14px;\n    letter-spacing: -0.3px;\n  }\n  .role-group ul {\n    list-style: none; display: flex;\n    flex-direction: column; gap: 10px;\n  }\n  .role-group li {\n    display: flex; align-items: flex-start; gap: 10px;\n    font-size: 13px; color: var(--text-muted);\n    font-weight: 400; line-height: 1.4;\n  }\n  .role-bullet {\n    width: 5px; height: 5px; border-radius: 50%;\n    background: var(--purple); flex-shrink: 0; margin-top: 5px;\n  }\n  .roles-footer {\n    margin-top: 40px; padding: 24px 28px;\n    background: var(--surface); border: 1px solid var(--border);\n    border-radius: var(--radius-sm); text-align: center;\n    font-size: 14px; color: var(--text-muted); font-weight: 300;\n    line-height: 1.6;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     S4 \u2014 PROCESS\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #sv-process { background: var(--bg2); }\n  .sv-process-header { margin-bottom: clamp(48px, 6vw, 64px); }\n  .sv-process-grid {\n    display: grid; grid-template-columns: repeat(4, 1fr);\n    gap: 2px; background: var(--border);\n    border-radius: var(--radius); overflow: hidden;\n  }\n  .process-step {\n    background: var(--bg); padding: clamp(24px, 3vw, 40px) clamp(20px, 2.5vw, 32px);\n    position: relative; transition: background 0.3s;\n  }\n  .process-step:hover { background: var(--bg2); }\n  .process-num {\n    font-size: 11px; font-weight: 700;\n    letter-spacing: 2px; color: var(--purple);\n    text-transform: uppercase; margin-bottom: 16px;\n  }\n  .step-icon-box {\n    width: 44px; height: 44px;\n    background: var(--purple-glow);\n    border: 1px solid rgba(161,0,255,0.25);\n    border-radius: 10px;\n    display: flex; align-items: center; justify-content: center;\n    margin-bottom: 18px; color: #C44DFF;\n  }\n  .process-step h3 {\n    font-size: clamp(14px, 1.6vw, 16px); font-weight: 700;\n    color: var(--text); margin-bottom: 10px;\n    letter-spacing: -0.2px; line-height: 1.3;\n  }\n  .process-step p {\n    font-size: 13px; color: var(--text-muted);\n    line-height: 1.7; font-weight: 300;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     S5 \u2014 WHY\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #sv-why { background: var(--bg); }\n  .sv-why-header { margin-bottom: clamp(48px, 6vw, 72px); }\n  .val-grid {\n    display: grid; grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n  }\n  .val-card {\n    background: var(--surface); border: 1px solid var(--border);\n    border-radius: var(--radius);\n    padding: clamp(24px, 3vw, 36px);\n    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n    position: relative; overflow: hidden; cursor: default;\n  }\n  .val-card::before {\n    content: ''; position: absolute;\n    top: 0; left: 0; right: 0; height: 1px;\n    background: linear-gradient(90deg, transparent, #A100FF, transparent);\n    opacity: 0; transition: opacity 0.4s;\n  }\n  .val-card::after {\n    content: ''; position: absolute;\n    bottom: -60px; right: -60px;\n    width: 180px; height: 180px;\n    background: radial-gradient(circle, rgba(161,0,255,0.15) 0%, transparent 70%);\n    opacity: 0; transition: opacity 0.5s, transform 0.5s;\n    transform: scale(0.6); pointer-events: none;\n  }\n  .val-card:hover {\n    border-color: rgba(161,0,255,0.4);\n    background: rgba(161,0,255,0.05);\n    transform: translateY(-6px);\n    box-shadow: 0 20px 60px rgba(161,0,255,0.1), 0 4px 16px rgba(0,0,0,0.4);\n  }\n  .val-card:hover::before { opacity: 1; }\n  .val-card:hover::after  { opacity: 1; transform: scale(1); }\n  .val-card:hover .val-icon {\n    background: rgba(161,0,255,0.28) !important;\n    border-color: rgba(161,0,255,0.6) !important;\n    transform: scale(1.1) rotate(-4deg);\n    box-shadow: 0 0 20px rgba(161,0,255,0.3);\n  }\n  .val-icon {\n    width: 48px; height: 48px;\n    background: var(--purple-glow);\n    border: 1px solid rgba(161,0,255,0.22);\n    border-radius: 12px;\n    display: flex; align-items: center; justify-content: center;\n    margin-bottom: 20px; color: #C44DFF;\n    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n  }\n  .val-card h3 {\n    font-size: clamp(15px, 2vw, 18px); font-weight: 700;\n    letter-spacing: -0.3px; color: var(--text); margin-bottom: 10px;\n  }\n  .val-card p {\n    font-size: 14px; color: var(--text-muted);\n    line-height: 1.7; font-weight: 300;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     S6 \u2014 PRICING\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #sv-pricing { background: var(--bg2); }\n  .pricing-inner {\n    display: grid; grid-template-columns: 1fr 1fr;\n    gap: clamp(40px, 6vw, 80px); align-items: center;\n  }\n  .pricing-checks {\n    display: flex; flex-direction: column; gap: 16px;\n    margin-top: 28px;\n  }\n  .pricing-check-item {\n    display: flex; align-items: flex-start; gap: 14px;\n    font-size: clamp(14px, 1.8vw, 15px); color: var(--text);\n    font-weight: 400; line-height: 1.5;\n  }\n  .pricing-check-item svg { flex-shrink: 0; color: #C44DFF; stroke: #C44DFF; margin-top: 1px; }\n  .pricing-visual {\n    background: var(--surface); border: 1px solid var(--border);\n    border-radius: var(--radius);\n    padding: clamp(32px, 4vw, 52px);\n    position: relative; overflow: hidden; text-align: center;\n  }\n  .pricing-visual::after {\n    content: ''; position: absolute;\n    top: -60px; right: -60px; width: 280px; height: 280px;\n    background: radial-gradient(circle, rgba(161,0,255,0.1) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  .pricing-badge {\n    font-size: 11px; font-weight: 700; letter-spacing: 2px;\n    text-transform: uppercase; color: var(--purple-light);\n    margin-bottom: 16px; display: block;\n  }\n  .pricing-model {\n    font-size: clamp(28px, 4vw, 42px); font-weight: 700;\n    letter-spacing: -1px; color: var(--text);\n    margin-bottom: 12px; line-height: 1.1;\n  }\n  .pricing-model span {\n    background: linear-gradient(139deg, #A100FF 9.54%, #610099 146.79%);\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n  .pricing-desc {\n    font-size: 14px; color: var(--text-muted);\n    font-weight: 300; line-height: 1.6;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     S7 \u2014 GUARANTEE\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #sv-guarantee { background: var(--bg); padding: clamp(48px, 6vw, 80px) 0; }\n  .guarantee-inner {\n    background: var(--surface); border: 1px solid var(--border);\n    border-radius: var(--radius);\n    padding: clamp(32px, 4vw, 56px) clamp(28px, 5vw, 64px);\n    display: grid; grid-template-columns: auto 1fr;\n    gap: clamp(24px, 4vw, 48px); align-items: center;\n    position: relative; overflow: hidden;\n  }\n  .guarantee-inner::after {\n    content: ''; position: absolute; top: -80px; right: -80px;\n    width: 360px; height: 360px;\n    background: radial-gradient(circle, rgba(161,0,255,0.08) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  .guarantee-badge-box {\n    width: 80px; height: 80px;\n    background: var(--purple-glow);\n    border: 1px solid rgba(161,0,255,0.28);\n    border-radius: 20px;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 36px; flex-shrink: 0;\n  }\n  .guarantee-inner h2 {\n    font-size: clamp(20px, 3vw, 30px); font-weight: 700;\n    letter-spacing: -0.8px; margin-bottom: 12px; color: var(--text);\n  }\n  .guarantee-inner p {\n    font-size: 15px; color: var(--text-muted);\n    line-height: 1.7; font-weight: 300; max-width: 640px;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     S8 \u2014 CTA\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #sv-cta {\n    padding: clamp(72px, 10vw, 140px) 0;\n    position: relative; overflow: hidden;\n    background: var(--bg2); text-align: center;\n  }\n  #sv-cta::before {\n    content: ''; position: absolute; inset: 0;\n    background: radial-gradient(ellipse at 50% 50%, rgba(161,0,255,0.12) 0%, transparent 65%);\n    pointer-events: none;\n  }\n  #sv-cta::after {\n    content: ''; position: absolute; inset: 0;\n    background-image:\n      linear-gradient(rgba(161,0,255,0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(161,0,255,0.03) 1px, transparent 1px);\n    background-size: 50px 50px; pointer-events: none;\n    mask-image: radial-gradient(ellipse at center, black 20%, transparent 70%);\n    -webkit-mask-image: radial-gradient(ellipse at center, black 20%, transparent 70%);\n  }\n  .sv-cta-inner { position: relative; z-index: 1; }\n  .sv-cta-label {\n    display: inline-block; font-size: 11px; font-weight: 700;\n    letter-spacing: 2px; text-transform: uppercase;\n    color: var(--purple-light); margin-bottom: 20px;\n  }\n  .sv-cta-divider {\n    width: 1px; height: 40px;\n    background: linear-gradient(to bottom, transparent, var(--purple), transparent);\n    margin: 0 auto 40px;\n  }\n  .sv-cta-h2 {\n    font-size: clamp(32px, 6vw, 64px); font-weight: 700;\n    letter-spacing: -2px; line-height: 1.05;\n    color: var(--text); margin-bottom: 20px;\n  }\n  .sv-cta-sub {\n    font-size: clamp(14px, 2vw, 17px); color: var(--text-muted);\n    font-weight: 300; margin-bottom: 48px;\n    max-width: 500px; margin-left: auto; margin-right: auto; line-height: 1.7;\n  }\n  .sv-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     BREAKPOINTS\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width: 1280px) { :root { --px: clamp(24px, 4vw, 48px); } }\n  @media (max-width: 1024px) {\n    :root { --px: clamp(24px, 4vw, 40px); }\n    .roles-grid { grid-template-columns: repeat(2, 1fr); }\n    .sv-process-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width: 900px) {\n    :root { --px: clamp(20px, 5vw, 32px); }\n    .sv-core-inner, .pricing-inner { grid-template-columns: 1fr; gap: 40px; }\n    .val-grid { grid-template-columns: 1fr; }\n    .guarantee-inner { grid-template-columns: 1fr; gap: 20px; }\n    .guarantee-badge-box { display: none; }\n  }\n  @media (max-width: 768px) {\n    :root { --px: clamp(18px, 5vw, 28px); }\n    .sv-h1 { font-size: clamp(26px, 9vw, 44px); letter-spacing: -1.5px; }\n    .sv-cta-h2 { font-size: clamp(26px, 8vw, 44px); letter-spacing: -1px; }\n    .roles-grid { grid-template-columns: repeat(2, 1fr); }\n    .sv-process-grid { grid-template-columns: repeat(2, 1fr); }\n    .val-grid { grid-template-columns: 1fr; }\n    .guarantee-inner { padding: 28px 24px; }\n  }\n  @media (max-width: 600px) {\n    :root { --px: 18px; }\n    .sv-h1 { font-size: clamp(24px, 9vw, 34px); letter-spacing: -0.8px; }\n    .section-title { font-size: clamp(22px, 7vw, 30px); }\n    .roles-grid { grid-template-columns: 1fr; }\n    .sv-process-grid { grid-template-columns: 1fr; }\n    .btn-primary, .btn-secondary { width: 100%; justify-content: center; }\n    .sv-hero-btns, .sv-cta-btns { flex-direction: column; align-items: stretch; }\n    .sv-hero-btns .btn-primary, .sv-hero-btns .btn-secondary,\n    .sv-cta-btns .btn-primary, .sv-cta-btns .btn-secondary { width: auto; }\n    .guarantee-inner { padding: 24px 18px; }\n    .core-service-name { font-size: clamp(28px, 8vw, 40px); }\n    .pricing-model { font-size: clamp(24px, 7vw, 34px); }\n  }\n  @media (max-width: 400px) {\n    :root { --px: 16px; }\n    .val-card, .role-group { padding: 20px; }\n    .process-step { padding: 20px 16px; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"orbis11-root\">\n\n<!-- \u2500\u2500\u2500 S1: HERO \u2500\u2500\u2500 -->\n<section id=\"sv-hero\">\n  <div class=\"sv-hero-glow\"><\/div>\n  <div class=\"sv-hero-grid\"><\/div>\n  <div class=\"wrap sv-hero-inner\">\n    <div class=\"fade-up\">\n      <div class=\"sv-hero-badge\">\n        <span class=\"sv-badge-dot\"><\/span>\n        Our Services\n      <\/div>\n      <h1 class=\"sv-h1\">Recruiting built for <em>modern technology<\/em> companies<\/h1>\n      <p class=\"sv-hero-sub\">Orbis11 helps AI companies, SaaS platforms, and product-driven teams hire exceptional talent without the friction of traditional recruiting.<br><br>We connect companies with carefully vetted engineers, product leaders, designers, and growth professionals so hiring teams can move forward faster and with greater confidence.<\/p>\n      <div class=\"sv-hero-btns\">\n        <a href=\"#sv-cta\" class=\"btn-primary\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M2 4.5C2 3.67 2.67 3 3.5 3h9C13.33 3 14 3.67 14 4.5v7c0 .83-.67 1.5-1.5 1.5h-9C2.67 13 2 12.33 2 11.5v-7ZM2 5l6 4 6-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n          Book a Hiring Call\n        <\/a>\n        <a href=\"#sv-cta\" class=\"btn-secondary\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8 1.5L14.5 8L8 14.5M14.5 8H1.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          Contact Us\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 S2: CORE SERVICE \u2500\u2500\u2500 -->\n<section id=\"sv-core\" class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"sv-core-inner\">\n      <div class=\"fade-up\">\n        <span class=\"section-label\">Core Service<\/span>\n        <div class=\"core-service-name\"><span>Orbit Hire<\/span><\/div>\n        <p class=\"core-tagline\">A focused recruiting model designed for companies that need the right talent, not a stack of resumes.<\/p>\n        <div class=\"body-text\" style=\"margin-top: 24px;\">\n          <p>Orbit Hire is Orbis11&#8217;s core recruiting service built for companies that want a more thoughtful hiring process.<\/p>\n          <p>Instead of overwhelming hiring teams with large candidate pipelines, our approach focuses on delivering carefully selected professionals who match the role, the technology environment, and the long-term direction of the company.<\/p>\n          <p>Each search begins with a detailed understanding of the company, the team structure, and the expectations behind the role.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"core-right-features fade-up\">\n        <div class=\"core-feature\">\n          <div class=\"core-feature-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M9 1.5L2.5 5V9C2.5 12.866 5.358 16 9 17C12.642 16 15.5 12.866 15.5 9V5L9 1.5Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/div>\n          <div>\n            <h4>Vetted before you see them<\/h4>\n            <p>Every candidate is screened for skills, experience, and team fit before being introduced to your hiring team.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"core-feature\">\n          <div class=\"core-feature-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M9 2L3 5V9C3 12.314 5.686 15 9 16C12.314 15 15 12.314 15 9V5L9 2Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><path d=\"M6 9L8 11L12 7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/div>\n          <div>\n            <h4>Shortlists within days<\/h4>\n            <p>Companies receive curated candidate shortlists within days, not weeks \u2014 so interviews begin quickly and efficiently.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"core-feature\">\n          <div class=\"core-feature-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><circle cx=\"9\" cy=\"9\" r=\"6.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M6 9L8 11L12 7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/div>\n          <div>\n            <h4>You only pay when you hire<\/h4>\n            <p>No retainers. No upfront fees. Our success-based model means our goals are fully aligned with yours.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"core-feature\">\n          <div class=\"core-feature-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><circle cx=\"9\" cy=\"7\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M2.5 15.5C2.5 13.015 5.462 11 9 11C12.538 11 15.5 13.015 15.5 15.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n          <\/div>\n          <div>\n            <h4>Built for technology teams<\/h4>\n            <p>Our background in product and engineering means we understand what great talent looks like in modern tech companies.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 S3: ROLES \u2500\u2500\u2500 -->\n<section id=\"sv-roles\" class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"roles-header fade-up\">\n      <span class=\"section-label\">Talent We Place<\/span>\n      <h2 class=\"section-title\">Talent we help companies hire<\/h2>\n      <p class=\"section-sub\" style=\"max-width:560px;\">The core functions that help modern technology companies design, build, and scale digital products.<\/p>\n    <\/div>\n    <div class=\"roles-grid\">\n      <div class=\"role-group fade-up\">\n        <div class=\"role-group-icon\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><rect x=\"2\" y=\"3\" width=\"14\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M6 7L5 9L6 11M12 7L13 9L12 11M9 6V12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Engineering<\/h3>\n        <ul>\n          <li><span class=\"role-bullet\"><\/span>Backend Engineers<\/li>\n          <li><span class=\"role-bullet\"><\/span>Fullstack Engineers<\/li>\n          <li><span class=\"role-bullet\"><\/span>AI \/ ML Engineers<\/li>\n          <li><span class=\"role-bullet\"><\/span>Platform Engineers<\/li>\n          <li><span class=\"role-bullet\"><\/span>DevOps Engineers<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"role-group fade-up\">\n        <div class=\"role-group-icon\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><rect x=\"2\" y=\"2\" width=\"6\" height=\"6\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><rect x=\"10\" y=\"2\" width=\"6\" height=\"6\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><rect x=\"2\" y=\"10\" width=\"6\" height=\"6\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><rect x=\"10\" y=\"10\" width=\"6\" height=\"6\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\n        <\/div>\n        <h3>Product<\/h3>\n        <ul>\n          <li><span class=\"role-bullet\"><\/span>Product Managers<\/li>\n          <li><span class=\"role-bullet\"><\/span>Product Designers<\/li>\n          <li><span class=\"role-bullet\"><\/span>UX Designers<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"role-group fade-up\">\n        <div class=\"role-group-icon\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M2 12L6 8L9 11L13 6L16 9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M2 15H16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Growth<\/h3>\n        <ul>\n          <li><span class=\"role-bullet\"><\/span>Growth Managers<\/li>\n          <li><span class=\"role-bullet\"><\/span>Marketing Leaders<\/li>\n          <li><span class=\"role-bullet\"><\/span>Demand Generation<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"role-group fade-up\">\n        <div class=\"role-group-icon\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><circle cx=\"9\" cy=\"6\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><circle cx=\"3.5\" cy=\"13.5\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><circle cx=\"14.5\" cy=\"13.5\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M9 9V11.5M5.5 13.5H12.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Leadership<\/h3>\n        <ul>\n          <li><span class=\"role-bullet\"><\/span>Engineering Leaders<\/li>\n          <li><span class=\"role-bullet\"><\/span>Product Leaders<\/li>\n          <li><span class=\"role-bullet\"><\/span>Technical Founding Roles<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"roles-footer fade-up\">\n      These roles represent the core functions that help modern technology companies design, build, and scale digital products.\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 S4: PROCESS \u2500\u2500\u2500 -->\n<section id=\"sv-process\" class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"sv-process-header fade-up\">\n      <span class=\"section-label\">Our Process<\/span>\n      <h2 class=\"section-title\">A structured approach to hiring<\/h2>\n      <p class=\"section-sub\" style=\"max-width:560px;\">A clear process helps companies make faster and better hiring decisions.<\/p>\n    <\/div>\n    <div class=\"sv-process-grid fade-up\">\n      <div class=\"process-step\">\n        <div class=\"process-num\">Step 01<\/div>\n        <div class=\"step-icon-box\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M17.5 10C17.5 13.866 14.142 17 10 17C8.836 17 7.737 16.738 6.765 16.274L2.5 17.5L3.726 13.235C3.262 12.263 3 11.164 3 10C3 6.134 6.358 3 10.5 3C14.642 3 17.5 6.134 17.5 10Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Understanding the role<\/h3>\n        <p>Every search begins with a conversation to understand the company, the product, the technology stack, and the goals behind the role.<\/p>\n      <\/div>\n      <div class=\"process-step\">\n        <div class=\"process-num\">Step 02<\/div>\n        <div class=\"step-icon-box\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><circle cx=\"9\" cy=\"9\" r=\"5.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M13.5 13.5L17 17\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Targeted sourcing<\/h3>\n        <p>We identify and engage talent across professional networks, industry communities, and curated talent pools.<\/p>\n      <\/div>\n      <div class=\"process-step\">\n        <div class=\"process-num\">Step 03<\/div>\n        <div class=\"step-icon-box\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><circle cx=\"10\" cy=\"10\" r=\"7.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M6.5 10L8.5 12.5L13.5 7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Candidate evaluation<\/h3>\n        <p>Each candidate is reviewed for experience, skill alignment, and long-term fit before being introduced to the hiring team.<\/p>\n      <\/div>\n      <div class=\"process-step\">\n        <div class=\"process-num\">Step 04<\/div>\n        <div class=\"step-icon-box\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><rect x=\"3\" y=\"2.5\" width=\"14\" height=\"15\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M6.5 7H13.5M6.5 10H13.5M6.5 13H10.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Shortlist delivery<\/h3>\n        <p>Companies receive a focused shortlist of candidates within days so interviews can begin quickly and efficiently.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 S5: WHY \u2500\u2500\u2500 -->\n<section id=\"sv-why\" class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"sv-why-header fade-up\">\n      <span class=\"section-label\">Why Orbis11<\/span>\n      <h2 class=\"section-title\">Why companies choose Orbis11<\/h2>\n    <\/div>\n    <div class=\"val-grid\">\n      <div class=\"val-card fade-up\">\n        <div class=\"val-icon\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><circle cx=\"9\" cy=\"9\" r=\"5.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M13.5 13.5L17 17\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Focused candidate selection<\/h3>\n        <p>Hiring teams receive carefully selected candidates rather than large volumes of unqualified resumes.<\/p>\n      <\/div>\n      <div class=\"val-card fade-up\">\n        <div class=\"val-icon\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><circle cx=\"10\" cy=\"10\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><circle cx=\"4\" cy=\"5\" r=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><circle cx=\"16\" cy=\"5\" r=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><circle cx=\"4\" cy=\"15\" r=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><circle cx=\"16\" cy=\"15\" r=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.3\"\/><path d=\"M5.5 6L8.5 8.5M14.5 6L11.5 8.5M5.5 14L8.5 11.5M14.5 14L11.5 11.5\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Technology industry expertise<\/h3>\n        <p>Our experience working closely with product and engineering teams helps us understand the roles modern companies need.<\/p>\n      <\/div>\n      <div class=\"val-card fade-up\">\n        <div class=\"val-icon\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M11 2L4 11H10L9 18L16 9H10L11 2Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Faster hiring momentum<\/h3>\n        <p>Curated shortlists help companies begin meaningful conversations with candidates without long sourcing cycles.<\/p>\n      <\/div>\n      <div class=\"val-card fade-up\">\n        <div class=\"val-icon\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M10 2L3.5 5V10C3.5 13.866 6.358 17 10 18C13.642 17 16.5 13.866 16.5 10V5L10 2Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Aligned incentives<\/h3>\n        <p>Our success-based recruiting model means companies only pay when a successful hire is made.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 S6: PRICING \u2500\u2500\u2500 -->\n<section id=\"sv-pricing\" class=\"section\">\n  <div class=\"wrap\">\n    <div class=\"pricing-inner\">\n      <div class=\"fade-up\">\n        <span class=\"section-label\">Pricing<\/span>\n        <h2 class=\"section-title\">Simple and transparent recruiting model<\/h2>\n        <div class=\"body-text\" style=\"margin-top: 16px;\">\n          <p>Orbis11 operates on a success-based recruiting model. Companies do not pay retainers or upfront recruiting fees.<\/p>\n          <p>Our fee is applied only after a successful hire is made. This ensures our focus remains on delivering candidates who truly match the needs of the company.<\/p>\n        <\/div>\n        <div class=\"pricing-checks\">\n          <div class=\"pricing-check-item\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><circle cx=\"9\" cy=\"9\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M5.5 9L7.5 11.5L12.5 6.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            No upfront fees or retainers\n          <\/div>\n          <div class=\"pricing-check-item\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><circle cx=\"9\" cy=\"9\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M5.5 9L7.5 11.5L12.5 6.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            Fee applies only after a successful hire\n          <\/div>\n          <div class=\"pricing-check-item\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><circle cx=\"9\" cy=\"9\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M5.5 9L7.5 11.5L12.5 6.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            Incentives fully aligned with your hiring success\n          <\/div>\n          <div class=\"pricing-check-item\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><circle cx=\"9\" cy=\"9\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><path d=\"M5.5 9L7.5 11.5L12.5 6.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            Replacement guarantee included on every placement\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"pricing-visual fade-up\">\n        <span class=\"pricing-badge\">Our Model<\/span>\n        <div class=\"pricing-model\"><span>Success<\/span><br>Based<\/div>\n        <p class=\"pricing-desc\">You only invest when the right person joins your team. No risk, no retainers \u2014 just results.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 S7: GUARANTEE \u2500\u2500\u2500 -->\n<section id=\"sv-guarantee\">\n  <div class=\"wrap\">\n    <div class=\"guarantee-inner fade-up\">\n      <div class=\"guarantee-badge-box\">\ud83d\udee1\ufe0f<\/div>\n      <div>\n        <h2>Hiring with confidence<\/h2>\n        <p>If a candidate placed through Orbis11 leaves within the early stages of employment, we work with the company to identify and introduce a suitable replacement candidate. This approach supports long-term hiring success and reinforces our commitment to thoughtful recruiting.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 S8: CTA \u2500\u2500\u2500 -->\n<section id=\"sv-cta\">\n  <div class=\"wrap\">\n    <div class=\"sv-cta-inner fade-up\">\n      <div class=\"sv-cta-label\">Get Started<\/div>\n      <div class=\"sv-cta-divider\"><\/div>\n      <h2 class=\"sv-cta-h2\">Ready to hire the right talent?<\/h2>\n      <p class=\"sv-cta-sub\">Tell us about the role you are hiring for and we will help you connect with carefully selected candidates within days.<\/p>\n      <div class=\"sv-cta-btns\">\n        <a href=\"https:\/\/calendly.com\/orbisagency11\/30min\" target=\"_blank\"\" class=\"btn-primary\">\n          \n          Book a Hiring Call\n        <\/a>\n        <a href=\"https:\/\/forms.gle\/y2tXBRkBATPezx676\"\" class=\"btn-secondary\">\n       \n          Submit a Role \n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div><!-- #orbis11-root -->\n\n<script>\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry, i) => {\n      if (entry.isIntersecting) {\n        entry.target.style.transitionDelay = `${i * 60}ms`;\n        entry.target.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.1 });\n  document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Services \u2014 Orbis11 Our Services Recruiting built for modern technology companies Orbis11 helps AI companies, SaaS platforms, and product-driven teams hire exceptional talent without the friction of traditional recruiting. We connect companies with carefully vetted engineers, product leaders, designers, and growth professionals so hiring teams can move forward faster and with greater confidence. Book a&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-418","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"admin","author_link":"https:\/\/orbis11.com\/index.php\/author\/hussain11\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/orbis11.com\/index.php\/wp-json\/wp\/v2\/pages\/418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orbis11.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/orbis11.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/orbis11.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orbis11.com\/index.php\/wp-json\/wp\/v2\/comments?post=418"}],"version-history":[{"count":0,"href":"https:\/\/orbis11.com\/index.php\/wp-json\/wp\/v2\/pages\/418\/revisions"}],"wp:attachment":[{"href":"https:\/\/orbis11.com\/index.php\/wp-json\/wp\/v2\/media?parent=418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}